<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>/settings:texts.pageTitle</title>
	<meta name="keywords" content="/settings:texts.keywords" />
	<meta name="description" content="/settings:texts.description" />
	<meta name="author" content="/settings:texts.author" />
	<link rel="stylesheet" href="white.css" type="text/css" />
</head>

<body>
		
	<div id="sideColumn">
			
		<h1><a href="#"><img src="logo.jpg" width="100" /></a></h1>
		
		<!-- INCLUDE-menu start (menu.html) -->
		<ul id="mainMenu">
			<li class="selected"><a href="#">HOME</a></li>
			<li class=""><a href="#">WORKS</a>
				<ul>
					<li><a href="#">video</a></li>
					<li><a href="#">graphic</a></li>
				</ul>
			</li>
			<li class=""><a href="#">CONTACT</a></li>
		</ul>
		<!-- INCLUDE-menu end -->

		<div id="sideFooter">
			<p id="userCopyright" class="xEditableTA xProperty-siteFooter">/settings:site.footer</p>
			<p id="bertaCopyright">/globals:bertaCopyRight <!-- some kind of global read-only settings --></p>
		</div>
	</div>
	
	<div id="mainColumn">

		<div class="x-entries">
			
			<!-- INCLUDE-entry start (entry.html) -->
			<div class="x-entry" berta-data="">
				
				<!-- INCLUDE-gallery start (gallery.html) -->
				<div class="gallery x-editable" berta-data="{ editor: 'Gallery', variable: '/entries/1:gallery' }">
					<img src="entrypic.jpg" width="400" />
					<ul>
						<li class="selected"><a href="#image1">1</a></li>
						<li class=""><a href="#image2">2</a></li>
						<li class=""><a href="#image3">3</a></li>
					</ul>
					<br class="clear" />
				</div>
				<!-- INCLUDE-gallery end -->
	
				<div class="content x-editable" berta-data="{ editor: 'RTE', variable: '/entries/1:content' }">/entries/1:content</div>
				<div class="tags x-editable" berta-data="{ editor: 'Tags', variable: '/entries/1:tags' }">/entries/1:tags</div>
			</div>
			<!-- INCLUDE-entry end -->
			
		</div>
	
	</div>
</body>
</html>
